.app-mob-view-toolbar {
    display: flex;

    .van-cell {
        padding-left: 4px;
    }

    .toolbar-item-icon {
        margin-right: 2px;
    }

    &.mob-toolbar-bottom {
        .app-mob-toolbar-item {
            flex      : 1;
            text-align: center;
            margin    : 15px;

            >.van-cell {
                height       : 45px;
                background   : @background-color-primary-base;
                color        : @background-color-primary-contrast;
                border-radius: var(--van-button-radius);

                .van-cell__title {
                    line-height: 35px;
                }
            }
        }

        .app-mob-toolbar-item+.app-mob-toolbar-item {
            margin-left: 0;
        }
    }
}

.app-mob-toolbar-item {
    .van-cell {
        color  : #1989fa;
        padding: 5px;
    }

    .app-mob-toolbar-item-icon {
        margin-right: 2px;
    }

    .toolbar-item-title {
        font-size: 13px;
    }
}

.app-mob-toolbar-group {
    padding: 10px;

    .van-cell {
        color: @app-text-color;
    }
}

.app-mob-toolbar-bottom-popup {
    padding: 40px 20px 20px 20px;

    .app-mob-toolbar-item {
        width        : 25%;
        min-width    : 80px;
        max-width    : 120px;
        height       : 80px;
        border-radius: 5px;
        display      : inline-block;
        overflow     : hidden;

        .van-cell {
            display       : flex;
            text-align    : center;
            flex-direction: column;
            padding       : 4px;
            font-size     : 17px;
        }
    }
}